<template>
  <div>
    <Topbg />
    <CenterImg v-for="item in centerImgState" :key="item.id" :titlename="item.titlename" :imgData="item.imgData" />

  </div>
</template>

<script>
import Topbg from '@/components/pastComp/Topbg.vue'
import CenterImg from '@/components/pastComp/CenterImg.vue'
export default {
  data(){
    return{
            centerImgState:[
              {
                id: 1,
                titlename :'标题1', 
                imgData:[
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.8730aab8cad6e5f37388f1bbd9c38b34?rik=%2f7MYsu7FKGC1tw&riu=http%3a%2f%2fimg.pconline.com.cn%2fimages%2fupload%2fupc%2ftx%2fwallpaper%2f1208%2f31%2fc0%2f13464501_1346396790390.jpg&ehk=%2fc5%2fTXLHdn9nkt%2ft7OC1P8qPewsKPvv5PMyC05wSCAk%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '1'
                  },
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.c5516c2de39e348abadf13bdc2e9de13?rik=GPQec4yVU2FTzg&riu=http%3a%2f%2fpic.bizhi360.com%2fbpic%2f16%2f1416.jpg&ehk=NS%2f9OBR0rFSeQ54WKF5UYxcSm1dzPs%2bXkREdo0DXFQ4%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '2'
                  },
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.17d6a062b4e5cece811d23462250c6ca?rik=XkQ8Rq5%2fyOY0wg&riu=http%3a%2f%2fimg.61gequ.com%2fallimg%2f2012-11%2f1648-121102150521.jpg&ehk=QTuWWxF5frpI%2biBlIzW4h62hE3mDE2nQSrijS1gBIRc%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '3'
                  },
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.e417b100c1d84c711af533634e77332f?rik=3PZZtXDg7OUVMw&riu=http%3a%2f%2fuploadfile.bizhizu.cn%2fup%2f74%2f78%2f76%2f747876fa31c7a7fdf16d6fbaa9e4a734.gif&ehk=5%2botuO0dF4daOmWUhYysSlV9kRoF4CjkK0baaYI4Nlo%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '4'
                  },
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.993123060bbf9b12e6d744e723e70fed?rik=wetmSF32cvaeZA&riu=http%3a%2f%2fimg.pconline.com.cn%2fimages%2fupload%2fupc%2ftx%2fwallpaper%2f1210%2f22%2fc0%2f14558824_1350879506499.jpg&ehk=rA%2b%2b1wiwYNbQzdhwi7cXNhLghQTUbDFF%2fXA8Edq6M6s%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '5'
                  },
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.c21def483fc9e5f79569b9f9dfc22919?rik=2vhA5v6hc935hA&riu=http%3a%2f%2fimg.61gequ.com%2fallimg%2f2011-7%2f20117138201099889.jpg&ehk=Klg57E0Y3zTNARmNgbqyT1tPJ5Sp8KAlP4Oa8OvdqWg%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '6'
                  },
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.61e1a70d9f559ebe9ba76b6f0955f3b0?rik=7U%2brOetmz7XiEg&riu=http%3a%2f%2fwww.33lc.com%2farticle%2fUploadPic%2f2012-9%2f20129131328722324.jpg&ehk=ctAluvwOSo1u%2b%2bUaFDMTsTOmgSfgiDHcDEeqnIvFfdE%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '7'
                  },
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.116a21b604f270ffdc1ee91f7ad0ebb6?rik=EkeLwfkMPXh8bw&riu=http%3a%2f%2fpic.bizhi360.com%2fbbpic%2f25%2f2625.jpg&ehk=ok7jwwysLOt6uW5BSCYMqU59qrjla0bM6bCWwxK0E9k%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '8'
                  },
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.25088ca1394cf1652d901acee45f0936?rik=SIfaITmzPrCQaA&riu=http%3a%2f%2fimg.netbian.com%2ffile%2f20110916%2fd9f9257cd17d738eb6ccb5f62ddde4f9.jpg&ehk=kyACGKml%2fRnBiZ8GywrYgiiyMYYWJpPWbc9zHxZgqBo%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '9'
                  },
                ]
              },
              {
                id: 2,
                titlename :'标题2', 
                imgData:[
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.606fe2d01a3a1032f90264686e9c7789?rik=EZI%2fZ30pgoV9LQ&riu=http%3a%2f%2fi.52desktop.cn%3a81%2fupimg%2fallimg%2f20150507%2f2015577534315778010.jpg&ehk=oU6Gdq4ZE6SxmfbvbEY5SvnRsf1fVSATbbZUMdidS9o%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '1'
                  },
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.7135546aa34f475ad4c4f16b54e03096?rik=p3bOZA%2fVXEC7oQ&riu=http%3a%2f%2fimg.pconline.com.cn%2fimages%2fupload%2fupc%2ftx%2fwallpaper%2f1208%2f31%2fc0%2f13457044_1346384603555.jpg&ehk=Mgu2uzWtDTrPTnJfEiRwAczSYXWHS9yPkzndhK4MPMM%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '2'
                  },
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.76918a1ae81b0db58a497b90d614a0cb?rik=sk4N68Uk%2fppgpQ&riu=http%3a%2f%2fimg.pconline.com.cn%2fimages%2fupload%2fupc%2ftx%2fwallpaper%2f1207%2f18%2fc0%2f12376988_1342595884280.jpg&ehk=gEqLvwXIh%2bjOBOHTUY3fD9Pbpzywd4YN6gkFZ%2b0asB0%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '3'
                  },
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.d78597aa3ce2dc66641260ac81f84291?rik=jnCjjI1uQjs6Ww&riu=http%3a%2f%2fimg.pconline.com.cn%2fimages%2fupload%2fupc%2ftx%2fwallpaper%2f1207%2f10%2fc1%2f12287880_1341901769121.jpg&ehk=ekGDkmeIaqJd9X8otsh0TaOdChjhwxuvScliIlXiJyI%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '4'
                  },
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.ab93860001abb802d641ba2acfe113a6?rik=1W2k3ox8fMvKlA&riu=http%3a%2f%2fimg.61gequ.com%2fallimg%2f2012-5%2f20125311623172423.jpg&ehk=EW4UzbB9N3Ny19aTNpf9GPkrzLB%2fZEBwsa1Xk9I2RWI%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '5'
                  },
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.c21def483fc9e5f79569b9f9dfc22919?rik=2vhA5v6hc935hA&riu=http%3a%2f%2fimg.61gequ.com%2fallimg%2f2011-7%2f20117138201099889.jpg&ehk=Klg57E0Y3zTNARmNgbqyT1tPJ5Sp8KAlP4Oa8OvdqWg%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '6'
                  },
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.432865b837d9e96fdec088b73c533ded?rik=ybHDvnQXSIToew&riu=http%3a%2f%2fimg.pconline.com.cn%2fimages%2fupload%2fupc%2ftx%2fwallpaper%2f1212%2f24%2fc0%2f16842812_1356321417625.jpg&ehk=XrF3Lptg45s9yfdFcJyPkrFHyd4r2UYYiDP0MkYK7Fk%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '7'
                  },
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.a5ca47078b241097e73107b5596de3e4?rik=%2fciIuN2%2f6qE8dg&riu=http%3a%2f%2fwww.deskcar.com%2fdesktop%2felse%2f2018712184938%2f12.jpg&ehk=LqpFlOJQkGcXI7aha%2bFNgK2Cfq2PuRaLRUS3ixZWFuU%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '8'
                  },
                  {
                      title : 'TEXT',
                      text : 'value in this place',
                      imgurl : 'https://ts1.cn.mm.bing.net/th/id/R-C.ccd22dd7c05cc5f2e0f88cc46bb46480?rik=BmSxTGD8OWJQ4Q&riu=http%3a%2f%2fpic.bizhi360.com%2fbpic%2f50%2f4250.jpg&ehk=24RZsjMft%2bJuavkml6vS2Np8zVQA8HYyQ44USHgsNKE%3d&risl=&pid=ImgRaw&r=0',
                      alt : '内容细节',
                      path : '/path',
                      id : '9'
                  },
                ]
              }
            ]
    }
  },

  components :{
    Topbg,
    CenterImg
  }
  
}
</script>

<style scoped lang="less">
  
</style>